
body {background: #fff; font-family: 微软雅黑;}
header { width: 100%;}
header, main, aside, article, footer {border: none;}
html, body, div, header, main, article, section, aside, footer, nav {margin:0; padding:0;}
ul li{list-style: none;}
input, select { box-sizing: border-box; }
input, select, button { outline: none; }



/* flex 部分 */

.line,  .flex_line { display: flex; align-items: center; }
.line.wrap, .flex_line.wrap { flex-wrap: wrap; align-items: flex-start;}
.line.around, .flex_line.around { justify-content: space-around;}
.line.between, .flex_line.between { justify-content: space-between;}
.line.evenly, .flex_line.evenly { justify-content: space-evenly;}

.flex_none { flex: none;}
.flex_auto { flex: auto;}

.vflex { display: flex; flex-flow: column nowrap; align-items: center; }


/* 简写部分 */

.r_center { text-align: center;}
.r_left { text-align: left;}
.r_right { text-align: right;}
.r_absolute { position: absolute;}
.r_fullwidth { width: 100%;}
.r_fullheight { height: 100%;}
.r_simpleborder { border: 1px solid lightgrey;}
button.r_onlyword { border: none; background: none;}
.r_red { color: red}
.r_kkcolor { color: darkorange;}
.r_pointer { cursor: pointer;}
.r_bold { font-weight: bold;}
.r_textshadow { text-shadow: 2px 2px 2px darkgrey;}
.r_boxshadow { box-shadow: 2px 2px 4px darkgrey;}
.r_boxshadowleft { box-shadow: -2px 2px 4px darkgrey;}
.r_inline { display: inline-block;}


/* 动态 */
.r_trans_500ms {
	position: absolute;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s ;
	-ms-transition: all 0.5s ;
	-o-transition: all 0.5s ;
	transition: all 0.5s ;
}
.r_trans_1s {
	position: absolute;
	-webkit-transition: all 1s;
	-moz-transition: all 1s ;
	-ms-transition: all 1s ;
	-o-transition: all 1s ;
	transition: all 1s ;
}